<template>
  <button :class="[type,size,round?'round':'']">
    =={{ round }}
    <slot>主要按钮</slot>
  </button>
</template>
<script>
export default {
  name: 'MyButton',
  props: {
    type: {
      type: String,
      default: ''
    },
    size: {
      type: String,
      default: ''
    },
    round: {
      type: Boolean
    }
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
button {
  border: none;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}
.primary {
  background-color: #07c160;
}
.info {
  background-color: #1989fa;
}
.warning {
  background-color: #ee0a24;
}

.large {
  padding: 60px;
}

.small {
  padding: 40px;
}

.mini {
  padding: 20px;
}

.round {
  border-radius: 100px;
}
</style>